<template>
  <NavigationBars></NavigationBars>
  <RouterView />
  <div id="map" style="width: 100%;height: 100%;position: absolute;"></div>
</template>

<script setup>
import NavigationBars from './components/NavigationBars.vue'
import { onMounted } from 'vue';
let mapDocLayer, map
function init() {
  map = new ol.Map({
    target: 'map',
    view: new ol.View({
      center: [12956574.51, 4853907.1],
      zoom: 11,
      projection: "EPSG:3857",
    })
  })
  mapDocLayer = new Zondy.Map.MapDocTileLayer(
    'MapGIS GIS MapDocLayer',
    '北京市0619',
    {
      ip: "127.0.0.1",
      port: "8089",
      projection: "EPSG:3857",
    }
  )
  map.addLayer(mapDocLayer)
}
onMounted(() => {
  init()
})

</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100vh;
  /* 设置视口高度，确保占满整个屏幕可视高度 */
  overflow: hidden;
  /* 隐藏滚动条，禁止滚动 */
}
</style>
